<!DOCTYPE html>
<html lang="en">

<head>
	<!-- <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.0/css/bootstrap-grid.css" rel="stylesheet"> -->
	<link href="./vendor/bootstrap-grid.css" rel="stylesheet">
	<meta charset="utf-8" />
	<link rel="apple-touch-icon" sizes="76x76" href="./assets/img/favicon.ico">
	<link rel="icon" type="image/png" href="./assets/img/favicon.ico">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<title>数据资产管理平台</title>
	<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no'
		name='viewport' />

	<!-- Google Font -->
	<!-- <link href="https://fonts.googleapis.com/css?family=Nunito:300,300i,400,600,800" rel="stylesheet"> -->

	<!-- Font Awesome Icons -->
	<!-- <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" crossorigin="anonymous"> -->
	<link rel="stylesheet" href="assets/font/iconfont.css">
	<link rel="stylesheet" href="./assets/layui/css/layui.css">
	<!-- Main CSS -->
	<link href="./assets/css/main.css" rel="stylesheet" />

	<!-- Animation CSS -->
	<link href="vendor/aos.css" rel="stylesheet" />
	<link rel="stylesheet" href="assets/css/index.css">
	<style>
		body {
			background-color: #FBFBFD;
		}

		.nav-item .active {
			font-weight: 600;
		}

		/* 修改header的样式 */
		.nav-link {
			color: #353c58 !important;
		}

		.navbar-dark .navbar-brand:hover,
		.navbar-dark .navbar-brand:focus {
			color: #FF6A00;
		}

		.btn-outline-white:hover {
			background-color: rgba(244, 244, 244, 0.7);
			border-color: #FF6A00 !important;
		}

		.navbar-dark .navbar-brand {
			color: #353c58;
		}

		.navbar {
			/*background-color: rgba(244, 244, 244, 0.5);*/
			background-color: white;
		}

		.nav-link.active {
			color: #FF6A00 !important;
		}

		/* end */
		.card {
			cursor: pointer;
		}

		.card-deck {
			margin-bottom: 15px;
		}

		.ServiceMenu .card-body {
			width: 80px;
			height: 80px;
			overflow: hidden;
			cursor: pointer;
			padding: 0 !important;
			flex: none;
			margin: 10px auto;
		}

		.ServiceProduct .card,
		.ServiceMenu .card {
			flex: none;
			width: 22.5% !important;
			margin-left: 1.25% !important;
			margin-right: 1.25% !important;
			margin-bottom: 20px;
		}

		/* 热门产品 */
		.hotProduct .card-header h3{
			display: inline-block;
		}
		.hotProduct .card-header span {
			font-size: 12px;
			color: #FF6A00;
			margin-left: 10px;
			border: 1px solid #FF6A00;
			padding: 2px 4px;
		}

		/* 大于1680px:默认 */
		/* 1360px ——1680px */
		@media (max-width: 1680px) {

			.ServiceProduct .card,
			.ServiceMenu .card {
				width: 22.5% !important;
				margin-left: 1.25% !important;
				margin-right: 1.25% !important;
			}
		}

		/* 1360px以下 */
		@media (max-width: 1360px) {

			.ServiceProduct .card,
			.ServiceMenu .card {
				width: 30% !important;
				margin-left: 1.66% !important;
				margin-right: 1.66% !important;
			}

			.display-3 {
				font-size: 3.5rem;
			}
		}

		.fun-Directory {
			display: flex;
			flex-wrap: wrap;
		}

		.fun-Directory li {
			width: 16.6%;
		}

		.card-body ul li {
			margin-bottom: 0px !important;
		}

		h3 {
			font-size: 1rem !important;
		}

		.ServiceProduct .card {
			flex: none;
			width: 22.5% !important;
			margin-left: 1.25% !important;
			margin-right: 1.25% !important;
			margin-bottom: 20px;
		}

		/* 热门产品 */
		/* 大于1680px:默认 */
		/* 1360px ——1680px */
		@media (max-width: 1680px) {
			.ServiceProduct .card {
				width: 22.5% !important;
				margin-left: 1.25% !important;
				margin-right: 1.25% !important;
			}
		}

		/* 1360px以下 */
		@media (max-width: 1360px) {
			.ServiceProduct .card {
				width: 30% !important;
				margin-left: 1.66% !important;
				margin-right: 1.66% !important;
			}
		}



		::-webkit-input-placeholder {
			/* WebKit browsers */
			color: #999;
			font-size: 14px;
		}

		::-moz-placeholder {
			/* Mozilla Firefox 19+ */
			color: #999;
			font-size: 14px;
		}

		:-ms-input-placeholder {
			/* Internet Explorer 10+ */
			color: #999;
			font-size: 14px;
		}

		/* 轮播图文字部分 */
		/* 大于1680px：默认 */
		/*1360px ——1680px */
		@media (max-width: 1680px) {
			.adaptivity {
				top: 8rem !important;
				/* top:50% !important; */
				left: 50% !important;
				transform: translate(-50%, 0) !important;
				width: 700px;
			}

			.adaptivity h1 strong {
				font-size: 60px;
			}
		}

		/* 小于1360px */
		@media (max-width: 1360px) {
			.adaptivity {
				top: 5rem !important;
				left: 50% !important;
				transform: translate(-50%, 0) !important;
			}

			.adaptivity h1 strong {
				font-size: 40px;
			}

			.adaptivity a {
				padding: 8px 12px;
			}
		}

		.pagehelper {
			padding-top: 0 !important;
			margin-top: -50px;
			margin-bottom: 20px;
		}

		/*星星样式*/
		.atar_Show{
			background:url(./assets/img/stark2.png);
			width:160px; height:21px;
			position:relative;
			float:left;
		}

		.atar_Show p{
			background:url(./assets/img/stars2.png);
			left:0;
			height:21px;
			width:124px;
		}

		.show_number li span{
			display:inline-block;
			line-height:21px;
		}
	</style>
</head>

<body>

	<!----------------------------------------------------------------------
NAVBAR (remove topnav if you don't want changed nav background on scroll)
------------------------------------------------------------------------>
	<nav class="topnav navbar navbar-expand-lg navbar-dark fixed-top">
		<div class="container-fluid">
			<a class="navbar-brand" href="./index.html"><i class="iconfont icon-globe1 mr-2" style="font-size: 20px;"></i><strong>数据资产管理</strong>
			</a>
			<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarColor02"
				aria-controls="navbarColor02" aria-expanded="false" aria-label="Toggle navigation">
				<span class="navbar-toggler-icon"></span>
			</button>
			<div class="navbar-collapse collapse" id="navbarColor02">
				<ul class="navbar-nav mr-auto d-flex align-items-center">
					<li class="nav-item">
						<a class="nav-link active" href="#">门户首页</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="./dataResources.html">公开数据</a>
					</li>
<!--					<li class="nav-item">-->
<!--						<a class="nav-link" href="productStore.html">数据产品</a>-->
<!--					</li>-->
<!--					<li class="nav-item">-->
<!--						<a class="nav-link" href="./serviceStore.html">服务产品</a>-->
<!--					</li>-->
<!--					<li class="nav-item">-->
<!--						<a class="nav-link" href="./customShop.html">定制数据</a>-->
<!--					</li>-->
					<li class="nav-item">
						<a class="nav-link" href="./developer.html">平台介绍</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="./newMessage.html">平台资讯</a>
					</li>
<!--					<li class="nav-item">-->
<!--						<a class="nav-link" href="./accessData.html">数据访问</a>-->
<!--					</li>-->
					<!-- <li class="nav-item highSerachBtn">
						<div class="col pt-4 pb-4">
							<a class="btn btn-lg btn-outline-white btn-round searchKeyword text-white"
								style="color: #353c58 !important;border-color: #353c58;"><span class="iconbox border-0"
									style="margin-right: 5px;"><i class="iconfont icon-search" style="font-size: 20px;"></i></span>搜索</a>
						</div>
					</li> -->
				</ul>
				<ul class="navbar-nav ml-auto d-flex align-items-center">
<!--					<li class="nav-item">-->
<!--						<a class="nav-link myBtn" href="./myMessage.html">-->
<!--							<span class="iconbox border-0" style="margin-right: 5px;"><i class="layui-icon layui-icon-dialogue"></i>   </span>消息-->
<!--						</a>-->
<!--					</li>-->
<!--					<li class="nav-item">-->
<!--						<a class="nav-link myBtn" href="JavaScript:;">-->
<!--							<span class="iconbox border-0" style="margin-right: 5px;"><i class="iconfont icon-cart-arrow-down"></i></span>产品袋-->
<!--						</a>-->
<!--					</li>-->
<!--					<li class="nav-item">-->
<!--						<a class="nav-link" href="./mySpace.html">-->
<!--							<span class="iconbox border-0" style="margin-right: 5px;"><i class="iconfont icon-bxs-book-reader"></i></span>用户中心 </a>-->
<!--					</li>-->
					<li class="nav-item">
						<a class="nav-link" href="./mySpace.html">
							<span class="iconbox border-0" style="margin-right: 5px;"><i class="iconfont icon-bxs-book-reader"></i></span>用户中心 </a>
					</li>
					<li class="nav-item disabledNone" id="userInfo">
						<ul class="layui-nav" style="background-color: rgba(244, 244, 244, 0);padding: 0;">
						  <li class="layui-nav-item">
						    <a href="javascript:;" style="color: #353c58 !important;">

								<span class="iconbox border-0" style="margin-right: 5px;"><i class="iconfont icon-user-fill"></i></span>
								用户： <span id="accunt">登录过期</span><span id="accountDisplay" style="margin-left: 10px;"></span>
							</a>
						    <dl class="layui-nav-child">
						      <dd><a href="./changePassword.html">修改密码</a></dd>
						      <dd><a href="" id="logOutBtn">退出登录</a></dd>
						    </dl>
						  </li>
						</ul>
					</li>
					<li class="nav-item disabledNone" id="attestation">
						<a class="nav-link" style="color:#FF820C;padding-left: 0px;font-size:12px;cursor: pointer;">未认证</a>
					</li>
					<li class="nav-item disabledNone noUser">
						<a class="nav-link" href="./login.html">
							<span class="iconbox border-0" style="margin-right: 5px;"><i
									class="iconfont icon-user-fill"></i></span>登录 </a>
					</li>
					<li class="nav-item disabledNone noUser">
						<span class="nav-link" href="#">
							<a class="btn btn-success btn-round shadow-sm text-white" href="./register.html">
								<i class="iconfont icon-github"></i> 立即注册
							</a>
						</span>
					</li>
				</ul>
			</div>
		</div>
	</nav>

	<!-- 产品袋弹窗 -->
	<!-- End Navbar -->

	<!------------------------------------- HEADER --------------------------------------->
	<!-- <header>
    <div class="jumbotron jumbotron-lg jumbotron-fluid mb-0 pb-3 bg-primary position-relative">
        <div class="container-fluid text-white h-100">
            <div class="d-lg-flex align-items-center justify-content-between text-center pl-lg-5">
               <div class="col pt-4 pb-4">
                    <h1 class="display-3">云 <strong>服务</strong> & 智能算法</h1>
                    <h5 class="font-weight-light mb-4"><strong> 服务应用</strong>  <strong><i class="fab fa-sass fa-2x text-info"></i></strong></h5>
                    <a href="#" class="btn btn-lg btn-outline-white btn-round">了解更多</a>
                </div>
           <div class="col align-self-bottom align-items-right text-right h-max-380 h-xl-560 position-relative z-index-1">
                    <img src="" class="rounded img-fluid">
            </div>
        </div>
    </div>
    <svg style="-webkit-transform:rotate(-180deg); -moz-transform:rotate(-180deg); -o-transform:rotate(-180deg); transform:rotate(-180deg); margin-top: -1px;" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 1440 126" style="enable-background:new 0 0 1440 126;" xml:space="preserve">
    <path class="bg-primary" d="M685.6,38.8C418.7-11.1,170.2,9.9,0,30v96h1440V30C1252.7,52.2,1010,99.4,685.6,38.8z"/>
    </svg>
</header> -->
	<!--- END HEADER -->

	<!-------------------------------------- CAROUSEL 轮播 --------------------------------------->
	<section class="pt-4 pb-5" data-aos="fade-up" id="example-carousel" style="padding-top: 0px !important;">
		<div id="carouselExampleIndicators" class="carousel slide carousel-fade" data-ride="carousel" data-interval="3000">
			<ol class="carousel-indicators">
				<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
				<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
			</ol>
			<div class="carousel-inner shadow-sm rounded">
				<div class="carousel-item active" style="max-height: 600px;">
					<img class="d-block w-100" src="assets/img/demo/banner2.jpg" alt="First slide">
				</div>
				<div class="carousel-item" style="max-height: 600px;">
					<img class="d-block w-100" src="assets/img/demo/banner2.jpg" alt="First slide">
				</div>
			</div>
		</div>
		<div class="d-lg-flex align-items-center justify-content-between text-center pl-lg-5 adaptivity"
			 style="position: absolute;top: 15rem;color: white;left: 25%;">
			<!-- 轮播图的信息 -->
			<div class="col pt-4 pb-4" style="color: #ff6a00;">
				<h1 class="display-3"><strong>规范 · 流通 · 安全 · 可控</strong></h1>
				<h4 class="font-weight-light mb-4"><strong>促进数据要素流通</strong> <strong></strong></h4>
				<a href="dataResources.html" class="btn btn-lg btn-outline-white btn-round"
				   style="color: #ff6a00; border-color: #ff6a00;">了解更多</a>
			</div>
		</div>
	</section>




	<!-------------------------------------- PRICING 菜单项 --------------------------------------->
	<div style="background-color:#FBFBFD; width: 100%;">
		<div class="container">
			<section class="pt-4 pb-5" data-aos="fade-up">
				<h3 class="h5 mb-4 font-weight-bold" style="text-align: center;"><img src="assets/img/demo/class1.png"></h3>
				<!-- <div class="card-deck card-pricing text-center ServiceMenu">
					<div class="card border-0 shadow-sm" data-index="0">
						<div class="card-body">
							<img class="d-block w-100" src="assets/img/demo/product_1.png"
								alt="热门数据">
						</div>
						<div class="card-header border-0 pt-4 pb-4 text-white" style="background-color: #FF6A00;">
							<h3 class="my-0 font-weight-normal">热门数据</h3>
						</div>

					</div>
					<div class="card shadow-sm border-0" data-index="1">
						<div class="card-body">
							<img class="d-block w-100" src="./assets/img/demo/product_7.png"
								alt="数据资源">
						</div>
						<div class="card-header border-0 pt-4 pb-4">
							<h3 class="my-0 font-weight-normal">航天数据</h3>
						</div>

					</div>
					<div class="card shadow-sm border-0" data-index="1">
						<div class="card-body">
							<img class="d-block w-100" src="assets/img/demo/product_3.png"
								alt="数据产品">
						</div>
						<div class="card-header border-0 pt-4 pb-4">
							<h3 class="my-0 font-weight-normal">气象数据</h3>
						</div>

					</div>
					<div class="card border-0 shadow-sm" data-index="1">
						<div class="card-body">
							<img class="d-block w-100" src="assets/img/demo/product_4.png"
								alt="服务产品">
						</div>
						<div class="card-header border-0 pt-4 pb-4">
							<h3 class="my-0 font-weight-normal">安全数据</h3>
						</div>

					</div>
				</div> -->

				<div class="card-deck card-pricing text-center ServiceMenu category">

				</div>
			</section>
		</div>
	</div>

	<!-------------------------------------- PRICING --------------------------------------->
	<div style="background-color:#FAFCFD; width: 100%;">
		<div class="container">
			<section class="pt-4 pb-5" data-aos="fade-up">
				<h3 class="h5 mb-4 font-weight-bold" style="position: relative;padding-left: 32px;text-align: center;">
					<img src="assets/img/demo/class2.png" />
				</h3>

				<div class="card-deck card-pricing ServiceProduct hotProduct">
					<!-- <div class="card shadow-sm border-0">
						<div class="card-header border-0">
							<h3 class="my-0 font-weight-normal">数据和服务</h3><span>最新</span>
						</div>
						<div class="card-body">
							<ul class="list-unstyled mt-2 mb-2">
								<li style="color: #8890a7;font-size: 14px;overflow: hidden;height: 42px;margin-bottom: 5px;">产品应用于数据采集后分析使用</li>
								<li>
									<span style="border: 1px solid #ff6a00;border-radius: 2px;font-size: 12px;color: #ff6a00;line-height: 18px;margin-right: 6px;padding: 0 6px;">高效使用，简单易懂</span>
								</li>
								<li>
									<span style="color: #8890a7;font-size:12px;">提供方：成大智慧研究中心</span>
								</li>
								<li style="font-weight:400;font-size:12px;line-height:25px;color: #8890a7;">
									<span>访问次数：345</span>
									<span style="float:right">申购次数：41</span>
								</li>
								<li style="font-weight:400;font-size:12px;line-height:25px">
									<span style="color: #8890a7;">类型：数据类别</span>
									<span style="float:right;color:#ff6a00;font-size: large;">¥ <a style="font-weight:600;font-size:16px;color: #ff6a00;">0.00</a></span>
								</li>
							</ul>
						</div>
					</div> -->




				</div>
			</section>
		</div>
	</div>


	<!-- 资讯动态 -->
	<div style="background-color: #F5F7FA;width: 100%;">
		<div class="container">
			<section class="pt-4 pb-5" data-aos="fade-up">
				<h3 class="h5 mb-4 font-weight-bold" style="position: relative;padding-left: 32px;text-align: center;">
					<img src="assets/img/demo/class4.webp" />
				</h3>
				<div class="message">
					<div class="listItem">
						<div class="listBoxItem">
							<div class="pictureHead">
								<img
									src="./assets/img/demo/11841.jpg">
								<div class="bgrbga"></div>
								<div class="listItemTitle">
									<h2>最新消息</h2>
								</div>
								<div class="more">
									<span><a href="./newMessage.html" style="padding: 5px 10px;">了解更多 >> </a></span>
								</div>
							</div>
							<div class="listContent NewMessageList">

							</div>
						</div>
						<div class="listBoxItem">
							<div class="pictureHead">
								<img
									src="./assets/img/demo/169355.jpg">
								<div class="bgrbga"></div>
								<div class="listItemTitle">
									<h2>最新资产</h2>
								</div>
								<div class="more">
									<span><a href="dataResources.html" style="padding: 5px 10px;">了解更多 >> </a></span>
								</div>
							</div>
							<div class="listContent NewCustomizeList">

							</div>
						</div>
						<div class="listBoxItem">
							<div class="pictureHead">
								<img
									src="./assets/img/demo/102033.jpg">
								<div class="bgrbga"></div>
								<div class="listItemTitle">
									<h2>公开数据</h2>
								</div>
								<div class="more">
									<span><a href="dataResources.html" style="padding: 5px 10px;">了解更多 >> </a></span>
								</div>
							</div>
							<div class="listContent NewProductList">

							</div>
						</div>

					</div>
				</div>
			</section>
		</div>
	</div>

	<!-- other -->
	<!-- <div style="background-color: #FFF;width: 100%;">
		<div class="container">
			<section class="pt-4 pb-5" data-aos="fade-up">
				<div class="deploy">
					<h2 class="mb-5"></h2>
					<div class="deployli">
						<div class="deployItem">
							<h2 id="dataAccess_Num">0</h2>
							<div class="btu">数据访问量</div>
						</div>
						<div class="deployItem">
							<h2 id="dataRegister_Num">0</h2>
							<div class="btu">数据注册数</div>
						</div>
						<div class="deployItem">
							<h2 id="onlineUsers_Num">0</h2>
							<div class="btu">在线用户数</div>
						</div>
						<div class="deployItem">
							<h2 id="dataProducts_Num">0</h2>
							<div class="btu">数据产品数</div>
						</div>
						<div class="deployItem">
							<h2 id="customRequest_Num">0</h2>
							<div class="btu">定制请求数</div>
						</div>
					</div>
				</div>
			</section>
		</div>
	</div> -->
	<!-------------------------------------- FOOTER 底部 --------------------------------------->
	<footer class="bg-black pb-5" style="padding-top: 20px;padding-bottom: 20px !important;background-color: #FF6A00;">
		<div class="container">
			<div class="row" style="text-align: center;">
				<div class="col-12 col-md mr-4">
					<small class="d-block mt-3 text-muted" style="color: white !important;">
						<p style="color: white;margin-top: 10px;font-size: 30px;">数据资产管理平台</p>
						Copyright @ 2022 数据资产管理平台-版权所有 蜀ICP备202223603号
					</small>
					<small class="d-block mt-3 text-muted" style="color: white !important;">
						<a href="./legal.html" style="color: white;">隐私政策</a> |
						<a href="./legal.html" style="color: white;">服务条款</a> |
						<a href="./legal.html" style="color: white;">版权声明</a>
					</small>
				</div>
			</div>
		</div>
	</footer>


	<!-------------------------------------- JAVASCRIPTS --------------------------------------->
	<script src="vendor/jquery.min.js" type="text/javascript"></script>
	<!-- <script src="vendor/popper.min.js" type="text/javascript"></script> -->
	<script src="vendor/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
	<script src="vendor/share.js" type="text/javascript"></script>
	<script src="js/functions.js" type="text/javascript"></script>
	<!-- <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.0/js/bootstrap.bundle.js"></script> -->
	<!-- <script src="./vendor/bootstrap.bundle.js"></script> -->
	<!-- 按需加载 -->
	 <script src="./assets/layui/layui.js" type="text/javascript"></script>
	<script src="js/tool.js" type="text/javascript"></script>
	<script src="assets/font/iconfont.js" type="text/javascript"></script>
	<script src="js/header.js" type="text/javascript"></script>
<!--	<script>-->
<!--		let firstLoad = sessionStorage.getItem("firstLoad");-->
<!--		if(firstLoad){-->
<!--			$.getScript("./assets/layui/layui.js");-->
<!--		}-->
<!--	</script>-->
	<!-- tab事件-->
	<script>
		$(function () {
			$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
				// 获取已激活的标签页的名称
				var activeTab = $(e.target).text();
				// 获取前一个激活的标签页的名称
				var previousTab = $(e.relatedTarget).text();
				$(".active-tab span").html(activeTab);
				$(".previous-tab span").html(previousTab);
			});
		});
	</script>
	<!-- Animation -->
	<script src="vendor/aos.js" type="text/javascript"></script>
	<noscript>
		<style>
			*[data-aos] {
				display: block !important;
				opacity: 1 !important;
				visibility: visible !important;
			}
		</style>
	</noscript>
	<script>
		AOS.init({
			duration: 700
		});
	</script>

	<!-- Disable animation on less than 1200px, change value if you like -->
	<script>
		AOS.init({
			disable: function () {
				var maxWidth = 1200;
				return window.innerWidth < maxWidth;
			}
		});
	</script>

	<!-- Carousel Height Smooth -->
	<!-- <script>
    $('.carousel').on('slide.bs.carousel', function (event) {
      var height = $(event.relatedTarget).height();
      var $innerCarousel = $(event.target).find('.carousel-inner');
      $innerCarousel.animate({
        height: height
      });
    });
    </script> -->

	<!-- Popovers -->
	<script>
		$(function () {
			$('[data-toggle="popover"]').popover()
		})
		$('.popover-dismiss').popover({
			trigger: 'focus'
		})
	</script>

	<!-- Tooltips -->
	<script>
		$(function () {
			$('[data-toggle="tooltip"]').tooltip()
		})
	</script>

	<script>
		$(function () {
			$(".ServiceMenu .card").click(function () {
				let index = $(this).attr("data-index");
				console.log(index)
				switch (index) {
					case "1":
						window.location.href = "./dataResources.html"
						break;
					case "2":
					case "5":
						window.location.href = "productStore.html"
						break;
					case "3":
					case "6":
					case "7":
						window.location.href = "./serviceStore.html"
						break;
					case "4":
						window.location.href = "./customShop.html"
						break;
					default: break;
				}
			});
			// 产品分类
			function productTypeData() {
				$.ajax({
					timeout:30000,
					type: 'GET',
					url: window.Http + "/customer/fieldType/list",
					headers: {
						'Authorization': "Bearer " + sessionStorage.getItem('Token')
					},
					data:{orderField:"createTime",sort:"ASC",catalogTypes:"1,2"},
					success: function (res) {
						if (res.code == 200) {
							if (res.data && res.data.length > 0) {
								productTypeData = res.data
								let html = "";
								let imgUrl = "./assets/img/demo/product_8.png";
								res.data.forEach(function (val, index) {
									if(index < 4){
										switch (index) {
											case 0:
												imgUrl = "./assets/img/demo/product_5.png";
												break;
											case 1:
												imgUrl = "./assets/img/demo/product_2.png";
												break;
											case 2:
												imgUrl = "./assets/img/demo/product_7.png";
												break;
											default:
												break;
										}
										html += `
										<div class="card border-0 shadow-sm" data-ID="` + val.id + `">
											<div class="card-body">
												<img class="d-block w-100" src="`+ imgUrl + `" alt="` + val.fieldName + `">
											</div>
											<div class="card-header border-0 pt-4 pb-4">
												<h3 class="my-0 font-weight-normal">`+ val.fieldName + `</h3>
											</div>
										</div>
										`

									}
								})
								$(".category").append(html);
							}
						}
					}
				})

			}
			productTypeData();
			$('.category').delegate(".card" , "click",function(){
				let typeId = $(this).attr("data-ID");
				window.location.href = "./dataResources.html?typeId="+typeId;
			})

			// 热门产品
			function productHotData() {
				$.ajax({
					timeout:30000,
					type: 'GET',
					url: window.Http + "/customer/product/list",
					headers: {
						'Authorization': "Bearer " + sessionStorage.getItem('Token')
					},
					data:{pageNum:1, pageSize:4, status: 0,sortField:"visit_count desc"},
					success: function (res) {
						if (res.code == 200) {
							if (res.rows && res.rows.length > 0) {
								productTypeData = res.rows
								console.log(productTypeData)
								let html = "";
								res.rows.forEach(function (val, index) {
									let num = (Math.ceil(val.score))*31;//模拟评分
									if(index<4){
										html += `
											<div class="card shadow-sm border-0" data-ID='${val.id}'>
												<div class="card-header border-0">
													<h3 class="my-0 font-weight-normal">${val.productName}</h3>
												</div>
												<div class="card-body">
													<ul class="list-unstyled mt-2 mb-2 show_number">
														<li>
															<div style="width: 100%;height: 135px;overflow: hidden;margin-bottom: 10px;"><img src="${val.iconUrl ? val.iconUrl:'./assets/img/demo/iconURL2.jpg'}" /></div>
														</li>
														<li>
															<span style="border: 1px solid #ff6a00;border-radius: 2px;font-size: 12px;color: #ff6a00;line-height: 18px;margin-right: 6px;padding: 0 6px;">${val.keyWords || '-'}</span>
														</li>
														<li>
															<span style="color: #8890a7;font-size:12px;margin-left: -7px;">
																<div class="atar_Show">
																  <p tip="5" style="width:${num}px"></p>
																</div>
																<span></span>
															</span>
														</li>
														<li style="display: flex; justify-content: space-between;">
                                							<span style="color: #8890a7;font-size:11px;">提供方：${val.createBy}</span>
                                							<span style="color: #8890a7; font-size: 11px;">创建时间：${val.createTime.substring(0, 10)}</span>
                            							</li>
                            							<li style="display: flex; justify-content: space-between;">
                                							<span style="color: #8890a7;font-size:11px;">访问次数：${val.visitCount}</span>
                                							<span style="color: #8890a7;font-size:11px;">申购次数：${val.buyCount}</span>
                            							</li>
														<li style="color: #8890a7;font-size: 13px;overflow: hidden;height: 42px;margin-bottom: 5px;">描述：${val.brief||val.detaile}</li>
													</ul>
												</div>
											</div>
										`
									}
								})
								$(".hotProduct").append(html);
							}
						}
					}
				})

			}
			productHotData()
			// 点击热门产品
			$(".hotProduct").delegate(".card", "click", function () {
				let dataId = $(this).attr("data-ID");
				// let Type = $(this).attr("data-TYPE");
				// if (Type == 1) {
				// 	window.location.href = './productDetail.html?goodsType=' + Type + '&serverId=' + dataId;
				// } else {
				// 	window.location.href = './productDetail.html?goodsType=' + Type + '&directoryId=' + dataId;
				// }
					window.location.href = './productDetail.html?productId=' + dataId;


			});


			//最新消息
			(function(){
				$.ajax({
					timeout:30000,
					url: window.Http + "/publishInfo/list",
					type: 'GET',
					headers: {
						'Authorization': "Bearer " + sessionStorage.getItem('Token')
					},
					data:{ pageNum:1, pageSize:4},
					success: function (res) {
						console.log(res)
						if (res.code == 200) {
							if (res.rows && res.rows.length > 0) {
								let html = "";
								res.rows.forEach(function (val, index) {
									html += `<div class="listContentItem">
												<p><a href="newMessageDetial.html?id=${val.id}">${val.title||"未命名"}</a></p>
												<p>${val.content||"暂无"}</p>
											</div>`
								})
								$(".NewMessageList").append(html);
								$(".NewMessageList a").css("color", "black");
							}
						}
					}
				})
			}());


			//最新资产
			(function(){
				$.ajax({
					timeout:30000,
					url: window.Http + "/dataProduct/list",
					type: 'GET',
					headers: {
						'Authorization': "Bearer " + sessionStorage.getItem('Token')
					},
					data:{ pageNum:1, pageSize:4, ownUserId: sessionStorage.getItem('userId') ,sourceType:4},
					success: function (res) {
						if (res.code == 200) {
							if (res.rows && res.rows.length > 0) {
								let html = "";
								res.rows.forEach(function (val, index) {
									html += `<div class="listContentItem">
												<p><a href="productDetail.html?productId=${val.id}">${val.productName||"暂无"}</a></p>
												<p>${val.brief||"暂无"}</p>
											</div>`
								})
								$(".NewCustomizeList").append(html);
								$(".NewCustomizeList a").css("color", "black");
							}
						}
					}
				})
			}());
			//最新产品
			(function(){
				if(sessionStorage.getItem('Token')){
					$.ajax({
       timeout:30000,
						url: window.Http + "/customer/product/list",
						type: 'GET',
						headers: {
							'Authorization': "Bearer " + sessionStorage.getItem('Token')
						},
						data:{ pageNum:1, pageSize:4, status: 0 },
						success: function (res) {
							if (res.code == 200) {
								if (res.rows && res.rows.length > 0) {
									let html = "";
									res.rows.forEach(function (val, index) {
										if(index<4){
											html += `<div class="listContentItem">
														<p><a href="productDetail.html?productId=${val.id}">${val.productName}</a></p>
														<p>${val.brief}</p>
													</div>`
										}
									})
									$(".NewProductList").append(html);
									$(".listContentItem a").css("color", "black");
								}
							}
						}
					})
				}
			}());
			//底部统计数据
			(function(){
				$.ajax({
       timeout:30000,
					url: window.Http + "/customer/index/top",
					type: 'GET',
					headers: {
						'Authorization': "Bearer " + sessionStorage.getItem('Token')
					},
					success: function (res) {
						if (res.code == 200) {
							$("#dataAccess_Num").text(res.data.viewNum||"0");
							$("#dataRegister_Num").text(res.data.registerNum||"0");
							$("#onlineUsers_Num").text(res.data.userOnlineNum||"0");
							$("#dataProducts_Num").text(res.data.productNum||"0");
							$("#customRequest_Num").text(res.data.customNum||"0");
						}
					}
				})
			}());
		})
	</script>

</body>

</html>
